/**
 * 地图 create to by doujiabao - 20191029
 */

import React, { Component } from 'react'

import mapStyle from './mapConfig/mapStyle'

import './index.css';

export default class Map extends Component {

    componentDidMount() {
        const BMap = window.BMap;

        var map = new BMap.Map("mapBox");

        var point = new BMap.Point(116.45232393414, 39.913223720315);

        var mk = new BMap.Marker(point);
        map.addOverlay(mk);

        // 样式
        map.setMapStyle({ styleJson: mapStyle });

        map.centerAndZoom(point, 14);  // 初始化地图,设置中心点坐标和地图级别
        //添加地图类型控件
        map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
        map.enableScrollWheelZoom(true)

        var geolocation = new BMap.Geolocation();

        geolocation.getCurrentPosition(function (r) {
            console.log('在谷歌游览器上是有问题的：');
            console.log(r)
        })
    }

    render() {
        return (<div id='mapBox'></div>)
    }

}